package draw.common.pojo;

public class DrawHtml {
    String html = """
            <!DOCTYPE html>
            <html>
            <head>
                <meta charset="UTF-8">
                <meta name="viewport" content="width=device-width, initial-scale=1.0">
                <title>中奖通知？开个玩笑啦！</title>
                <style>
                    @keyframes float {
                        0% { transform: translateX(-100px); opacity: 0; }
                        10% { opacity: 0.8; }
                        50% { transform: translateX(100px); opacity: 0.8; }
                        100% { transform: translateX(600px); opacity: 0; }
                    }
                   \s
                    body {
                        font-family: 'Comic Sans MS', 'Chalkboard SE', sans-serif;
                        line-height: 1.6;
                        color: #333;
                        background: linear-gradient(135deg, #ffd1dc, #c9e9f6);
                        padding: 20px;
                        position: relative;
                        overflow: hidden;
                    }
                   \s
                    .email-container {
                        max-width: 600px;
                        margin: 0 auto;
                        background: rgba(255, 255, 255, 0.95);
                        border-radius: 20px;
                        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
                        padding: 30px;
                        border: 4px dashed #ff6b6b;
                        position: relative;
                        z-index: 10;
                    }
                   \s
                    .joke-header {
                        text-align: center;
                        background: linear-gradient(45deg, #ff9a9e, #fad0c4);
                        padding: 15px;
                        border-radius: 15px;
                        margin-bottom: 25px;
                        box-shadow: 0 4px 15px rgba(255, 154, 158, 0.5);
                    }
                   \s
                    .joke-header h1 {
                        color: #fff;
                        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
                        font-size: 32px;
                        margin: 0;
                    }
                   \s
                    .cloud {
                        position: absolute;
                        top: 10%;
                        font-size: 60px;
                        opacity: 0;
                        z-index: 1;
                        animation: float 20s linear infinite;
                    }
                   \s
                    .joke-stamp {
                        position: absolute;
                        top: -25px;
                        right: -25px;
                        background: #ffd166;
                        color: #d00000;
                        font-size: 24px;
                        font-weight: bold;
                        width: 150px;
                        height: 150px;
                        border-radius: 75px;
                        transform: rotate(15deg);
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        box-shadow: 0 5px 15px rgba(0,0,0,0.3);
                        z-index: 20;
                    }
                   \s
                    .joke-notice {
                        background: #e9fac8;
                        border-left: 5px solid #94d82d;
                        padding: 15px;
                        border-radius: 0 10px 10px 0;
                        margin: 20px 0;
                        font-size: 0.9em;
                    }
                   \s
                    .highlight {
                        background: linear-gradient(120deg, #ffede1, #fff8e9);
                        padding: 20px;
                        border-radius: 15px;
                        margin: 20px 0;
                        border: 2px dotted #ff9a00;
                        text-align: center;
                        position: relative;
                    }
                   \s
                    .highlight::after {
                        content: "🤣";
                        position: absolute;
                        right: -25px;
                        top: -25px;
                        font-size: 40px;
                        z-index: 30;
                    }
                   \s
                    .winner-name {
                        font-size: 1.6em;
                        color: #d0007f;
                        font-weight: bold;
                        text-decoration: underline wavy;
                    }
                   \s
                    .activity-name {
                        color: #1a759f;
                        font-weight: 700;
                        background: rgba(42, 157, 244, 0.15);
                        display: inline-block;
                        padding: 3px 8px;
                        border-radius: 5px;
                    }
                   \s
                    .prize-tier {
                        font-size: 2em;
                        color: #f94144;
                        font-weight: bold;
                        margin: 10px 0;
                        text-shadow: 1px 1px 3px rgba(0,0,0,0.2);
                    }
                   \s
                    .prize-name {
                        font-size: 1.8em;
                        color: #4361ee;
                        font-weight: 900;
                        margin: 15px 0;
                        background: linear-gradient(45deg, #4361ee, #3a0ca3);
                        -webkit-background-clip: text;
                        background-clip: text;
                        -webkit-text-fill-color: transparent;
                    }
                   \s
                    .joke-footer {
                        margin-top: 40px;
                        padding: 15px;
                        border-radius: 10px;
                        background: #e3fafc;
                        border: 2px dashed #15aabf;
                        font-size: 0.85em;
                        text-align: center;
                    }
                   \s
                    .emoji {
                        font-size: 2em;
                        margin: 0 5px;
                        vertical-align: middle;
                    }
                   \s
                    .signature {
                        color: #6c757d;
                        text-align: right;
                        font-style: italic;
                        margin-top: 30px;
                        padding-top: 20px;
                        border-top: 2px dotted #ced4da;
                    }
                   \s
                    .spacing {
                        white-space: pre-wrap;
                        line-height: 1.8;
                    }
                   \s
                    .wobble {
                        display: inline-block;
                        animation: wobble 0.5s infinite alternate;
                    }
                   \s
                    @keyframes wobble {
                        0% { transform: rotate(-3deg); }
                        100% { transform: rotate(3deg); }
                    }
                </style>
            </head>
            <body>
                <!-- 浮动的云朵表情 -->
                <div class="cloud" style="top: 5%; animation-delay: 0s;">☁️</div>
                <div class="cloud" style="top: 15%; animation-delay: 5s;">☁️</div>
                <div class="cloud" style="top: 25%; animation-delay: 10s;">🤔</div>
                <div class="cloud" style="top: 35%; animation-delay: 15s;">🤪</div>
               \s
                <div class="email-container">
                    <!-- 玩笑邮票 -->
                    <div class="joke-stamp">
                        <div class="wobble">🤡开个玩笑</div>
                    </div>
                   \s
                    <!-- 玩笑头标 -->
                    <div class="joke-header">
                        <h1>🎭 开个玩笑！&nbsp;&nbsp;🎭</h1>
                    </div>
                   \s
                    <!-- 温馨提示 -->
                    <div class="joke-notice">
                        ⚠️ 注意：以下内容纯属娱乐！如需真实中奖信息，请留意本月抽奖邮件。
                        <div style="font-size: smaller; margin-top: 5px; color: #495057;">
                        （系统已识别今天为"办公室玩笑日"，自动发送了这条搞笑消息）
                        </div>
                    </div>
                   \s
                    <div class="spacing">
            你好呀<span class="winner-name">%%s1</span>，你在活动\s
            <span class="activity-name">%%s2</span> 中，中了
                    </div>
                   \s
                    <!-- 高亮的奖品区 -->
                    <div class="highlight">
                        <div class="prize-tier">%%s3</div>
                        <div class="prize-name">%%s4</div>
                        <div style="font-size: 0.9em; margin-top: 15px; color: #495057;">
                        （🎉 其实并没有哦~逗你玩的！）
                        </div>
                    </div>
                   \s
                    <div class="spacing">
            <span class="emoji">🎭</span>记得微笑面对这个玩笑<span class="emoji">🤡</span>
                    </div>
                   \s
                    <!-- 玩笑免责声明 -->
                    <div class="joke-footer">
                        <strong>玩笑免责声明：</strong><br>
                        收到此邮件请不要紧张～我们只是想在紧张的工作中给您带来一点欢乐！
                        <div style="margin-top: 8px;">✨ 真实奖品比这个要厉害10倍！✨</div>
                    </div>
                   \s
                    <div class="signature">
            -- 🕺 开玩笑的 hadage %%s5 👻
                    </div>
                </div>
               \s
                <script>
                    // 添加额外的动态效果
                    document.addEventListener('DOMContentLoaded', function() {
                        // 创建额外的浮动云
                        createExtraClouds();
                       \s
                        // 添加鼠标移动效果
                        document.addEventListener('mousemove', e => {
                            const x = e.clientX / window.innerWidth;
                            const y = e.clientY / window.innerHeight;
                           \s
                            document.querySelector('.email-container').style.transform =\s
                                `rotate(${(x - 0.5) * 1}deg)`;
                        });
                    });
                   \s
                    function createExtraClouds() {
                        for (let i = 0; i < 4; i++) {
                            const cloud = document.createElement('div');
                            cloud.className = 'cloud';
                            cloud.innerHTML = ['🤠', '😂', '👻', '🎭', '🤖'][i % 5];
                            cloud.style.top = (5 + i * 12) + '%';
                            cloud.style.animationDelay = i * 4 + 's';
                            document.body.appendChild(cloud);
                        }
                    }
                </script>
            </body>
            </html>
            """;
    @Override
    public String toString() {
        return html;
    }
}